﻿<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title> Metro | Shop 3 </title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Favicon -->
		<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">  

        <!-- Normalize CSS --> 
        <link rel="stylesheet" href="css/normalize.css">

        <!-- Main CSS --> 
        <link rel="stylesheet" href="css/main.css">

        <!-- Bootstrap CSS --> 
        <link rel="stylesheet" href="css/bootstrap.min.css">
		
		<!-- Animate CSS --> 
		<link rel="stylesheet" href="css/animate.min.css">

		<!-- Font-awesome CSS-->
        <link rel="stylesheet" href="css/font-awesome.min.css">
		
		<!-- Flaticon CSS-->
		<link rel="stylesheet" type="text/css" href="css/font/flaticon.css"> 
		
		<!-- Owl Caousel CSS -->
		<link rel="stylesheet" href="css/owl.carousel.css">
		<link rel="stylesheet" href="css/owl.theme.css">
		<link rel="stylesheet" href="css/owl.transitions.css">
		
		<!-- Main Menu CSS-->		
        <link rel="stylesheet" href="css/meanmenu.min.css">

		<!-- Select2 CSS -->
		<link rel="stylesheet" href="css/select2.min.css">
		
		<!-- Custom CSS -->
		<link rel="stylesheet" href="style.css">

		<!-- Switch Style CSS -->
    	<link rel="stylesheet" href="css/switch-style.css">
		
		<!-- Modernizr Js -->
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
         


    	<div class="wrapper-area">
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
	        <!-- Header Area Start Here -->
	        <header>
				<div class="header-area-style3" id="sticker">
					<div class="header-top">
						<div class="header-top-inner-top">
							<div class="container">
								<div class="row">
									<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
										<div class="header-contact">
											<ul>
												<li><i class="fa fa-phone" aria-hidden="true"></i><a href=""> + 123 456 7890</a></li>
												<li><i class="fa fa-envelope" aria-hidden="true"></i><a href="#"> info@metro.com</a></li>
											</ul>
										</div>
									</div>
									<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
										<div class="account-wishlist">
											<ul>
												<li><a href="login-registration.html"><i class="fa fa-lock" aria-hidden="true"></i> Account</a></li>
												<li><a href="wishlist.html"><i class="fa fa-heart-o" aria-hidden="true"></i> Wishlist</a></li>
												<li><a href="#"><i class="fa fa-usd" aria-hidden="true"></i> USD</a></li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="header-top-inner-bottom">
							<div class="container">
								<div class="row">                         
									<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
										<div class="logo-area">
											<a href="index.html"><img class="img-responsive" src="img/logo.png" alt="logo"></a>
										</div>
									</div>  
									<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
										<div class="search-area">
								            <div class="input-group" id="adv-search">
								                <input type="text" class="form-control" placeholder="Search Product" />
								                <div class="input-group-btn">
								                    <div class="btn-group" role="group">
								                        <div class="dropdown dropdown-lg">
								                            <button type="button" class="btn btn-metro dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span>All Categories</span><i class="fa fa-caret-up" aria-hidden="true"></i><i class="fa fa-caret-down" aria-hidden="true"></i></button>
								                            <div class="dropdown-menu dropdown-menu-right" role="menu">
								                            	<ul class="sidenav-nav">
																	<li><a href="#"><i class="flaticon-dress-1"></i>Women</a></li>
																	<li><a href="#"><i class="flaticon-polo"></i>Men</a></li>
																	<li><a href="#"><i class="flaticon-plug"></i>Electornics</a></li>
																	<li><a href="#"><i class="flaticon-necklace"></i>Jewellery</a></li>
																	<li><a href="#"><i class="flaticon-screen"></i>Computer</a></li>
																	<li><a href="#"><i class="flaticon-headphones"></i>Head Phone</a></li>
																	<li><a href="#"><i class="flaticon-transport"></i>Toys</a></li>
																	<li><a href="#"><i class="flaticon-fashion"></i>Shoes</a></li>
																	<li><a href="#"><i class="flaticon-dress"></i>Kid’s Wear</a></li>
																	<li><a href="#"><i class="flaticon-technology"></i>Mobile</a></li>
																</ul>
								                            </div>
								                        </div>
								                        <button type="button" class="btn btn-metro-search"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
								                    </div>
								                </div>
								            </div>
										</div>  
									</div>  
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
										<ul class="header-cart-area">
											<li>
												<div class="cart-area">
													<a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i><span>2</span></a>
													<ul>
														<li>
															<div class="cart-single-product">
																<div class="media">
																	<div class="pull-left cart-product-img">
																		<a href="#">
																			<img class="img-responsive" alt="product" src="img/best-seller/4.jpg">
																		</a>
																	</div>
																	<div class="media-body cart-content">
																		<ul>
																			<li>
																				<h1><a href="#">Product Title Here</a></h1>
																				<h2><span>Code:</span> STPT600</h2>
																			</li>
																			<li>
																				<p>X 1</p>
																			</li>
																			<li>
																				<p>$49</p>
																			</li>
																			<li>
																				<a class="trash" href="#"><i class="fa fa-trash-o"></i></a>
																			</li>
																		</ul>
																	</div>
																</div>
															</div>
														</li>
														<li>
															<div class="cart-single-product">
																<div class="media">
																	<div class="pull-left cart-product-img">
																		<a href="#">
																			<img class="img-responsive" alt="product" src="img/best-seller/5.jpg">
																		</a>
																	</div>
																	<div class="media-body cart-content">
																		<ul>
																			<li>
																				<h1><a href="#">Product Title Here</a></h1>
																				<h2><span>Code:</span> STPT460</h2>
																			</li>
																			<li>
																				<p>X 1</p>
																			</li>
																			<li>
																				<p>$75</p>
																			</li>
																			<li>
																				<a class="trash" href="#"><i class="fa fa-trash-o"></i></a>
																			</li>
																		</ul>
																	</div>
																</div>
															</div>
														</li>
														<li>
															<span><span>Sub Total</span></span><span>$124</span>
															<span><span>Discount</span></span><span>$30</span>
															<span><span>Vat(20%)</span></span><span>$18.8</span>
															<span><span>Sub Total</span></span><span>$112.8</span>
														</li>
														<li>
															<ul class="checkout">
																<li><a href="cart.html" class="btn-checkout"><i class="fa fa-shopping-cart" aria-hidden="true"></i>View Cart</a></li>
																<li><a href="check-out.html" class="btn-checkout"><i class="fa fa-share" aria-hidden="true"></i>Checkout</a></li>
															</ul>
														</li>
													</ul>
												</div>
											</li>
											<li>
												<div class="additional-menu-area" id="additional-menu-area">
													<div id="mySidenav" class="sidenav">
														<a href="#" class="closebtn">×</a>
														<div class="sidenav-search">
															<div class="input-group stylish-input-group">
											                    <input type="text" placeholder="Search Here . . ." class="form-control">
											                    <span class="input-group-addon">
											                        <button type="submit">
											                            <span class="glyphicon glyphicon-search"></span>
											                        </button>  
											                    </span>
											                </div>
														</div>
														<ul class="sidenav-login-registration">
															<li  data-toggle="collapse" data-target="#login" class="collapsed">
												              <a href="#">Login<span class="arrow"></span></a>
												            <div class="collapse" id="login">
																<div class="login-registration-field">
																    <form method="post">
																        <label>Username or email address *</label>
																        <input type="text">
																        <label>Password *</label>
																        <input type="password">
																        <button value="Login" type="submit" class="btn-side-nav disabled">Login</button>
																    </form>
																</div>
												            </div>
												        </li>
												            <li  data-toggle="collapse" data-target="#registration" class="collapsed">
												              <a href="#">Registration<span class="arrow"></span></a>
												            <div class="collapse" id="registration">
																<div class="login-registration-field">
																    <form method="post">
																    	<label>User Name*</label>
																        <input type="text">
																        <label>E-mail address *</label>
																        <input type="email">
																        <label>Password *</label>
																        <input type="password">
																        <button value="Login" type="submit" class="btn-side-nav disabled">Register</button>
																    </form>
																</div>
												            </div>
												        </li>
														</ul>
														<h3 class="ctg-name-title">Category Name List</h3>
														<ul class="sidenav-nav">
															<li><a href="shop1.html"><i class="flaticon-dress-1"></i>Women</a></li>
															<li><a href="shop2.html"><i class="flaticon-polo"></i>Men</a></li>
															<li><a href="shop3.html"><i class="flaticon-plug"></i>Electornics</a></li>
															<li><a href="shop4.html"><i class="flaticon-necklace"></i>Jewellery</a></li>
															<li><a href="shop5.html"><i class="flaticon-screen"></i>Computer</a></li>
															<li><a href="shop6.html"><i class="flaticon-headphones"></i>Head Phone</a></li>
															<li><a href="shop7.html"><i class="flaticon-transport"></i>Toys</a></li>
															<li><a href="shop1.html"><i class="flaticon-fashion"></i>Shoes</a></li>
															<li><a href="shop2.html"><i class="flaticon-dress"></i>Kid’s Wear</a></li>
															<li><a href="shop3.html"><i class="flaticon-technology"></i>Mobile</a></li>
														</ul><!-- times-->
													</div>
													<span class="side-menu-open side-menu-trigger"><i class="fa fa-bars" aria-hidden="true"></i></span>
												</div> 
											</li>
										</ul>
									</div> 
								</div>
							</div>
						</div>
					</div>
					<div class="header-bottom">
						<div class="container">
							<div class="row">                         
								<div class="col-lg-3 col-md-3 col-sm-4">
									<div class="logo-area">
										<a href="index.html"><img class="img-responsive" src="img/logo.png" alt="logo"></a>
									</div>
									<div class="category-menu-area" id="category-menu-area-top">
										<h2 class="category-menu-title"><a href="#"><i class="fa fa-bars" aria-hidden="true"></i></a>Categories</h2>
										<ul class="category-menu-area-inner">
											<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="flaticon-dress-1"></i>Women<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Women Sub Title 1</a></li>
													<li><a href="#">Women Sub Title 2</a></li>
													<li><a href="#">Women Sub Title 3</a></li>
													<li><a href="#">Women Sub Title 4</a></li>
													<li><a href="#">Women Sub Title 5</a></li>
												</ul>
											</li>
											<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="flaticon-polo"></i>Men<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Men Sub Title 1</a></li>
													<li><a href="#">Men Sub Title 2</a></li>
													<li><a href="#">Men Sub Title 3</a></li>
													<li><a href="#">Men Sub Title 4</a></li>
													<li><a href="#">Men Sub Title 5</a></li>
												</ul>
											</li>
											<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="flaticon-plug"></i>Electornics<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Electornics Sub Title 1</a></li>
													<li><a href="#">Electornics Sub Title 2</a></li>
													<li><a href="#">Electornics Sub Title 3</a></li>
													<li><a href="#">Electornics Sub Title 4</a></li>
													<li><a href="#">Electornics Sub Title 5</a></li>
												</ul>
											</li>
											<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="flaticon-necklace"></i>Jewellery<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Jewellery Sub Title 1</a></li>
													<li><a href="#">Jewellery Sub Title 2</a></li>
													<li><a href="#">Jewellery Sub Title 3</a></li>
													<li><a href="#">Jewellery Sub Title 4</a></li>
													<li><a href="#">Jewellery Sub Title 5</a></li>
												</ul>
											</li>
											<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="flaticon-screen"></i>Computer<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Computer Sub Title 1</a></li>
													<li><a href="#">Computer Sub Title 2</a></li>
													<li><a href="#">Computer Sub Title 3</a></li>
													<li><a href="#">Computer Sub Title 4</a></li>
													<li><a href="#">Computer Sub Title 5</a></li>
												</ul>
											</li>
											<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="flaticon-headphones"></i>Head Phone<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Head Phone Sub Title 1</a></li>
													<li><a href="#">Head Phone Sub Title 2</a></li>
													<li><a href="#">Head Phone Sub Title 3</a></li>
													<li><a href="#">Head Phone Sub Title 4</a></li>
													<li><a href="#">Head Phone Sub Title 5</a></li>
												</ul>
											</li>
											<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="flaticon-transport"></i>Toys<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Toys Sub Title 1</a></li>
													<li><a href="#">Toys Sub Title 2</a></li>
													<li><a href="#">Toys Sub Title 3</a></li>
													<li><a href="#">Toys Sub Title 4</a></li>
													<li><a href="#">Toys Sub Title 5</a></li>
												</ul>
											</li>
											<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="flaticon-fashion"></i>Shoes<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Shoes Sub Title 1</a></li>
													<li><a href="#">Shoes Sub Title 2</a></li>
													<li><a href="#">Shoes Sub Title 3</a></li>
													<li><a href="#">Shoes Sub Title 4</a></li>
													<li><a href="#">Shoes Sub Title 5</a></li>
												</ul>
											</li>
											<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="flaticon-dress"></i>Kid’s Wear<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Kid’s Wear Sub Title 1</a></li>
													<li><a href="#">Kid’s Wear Sub Title 2</a></li>
													<li><a href="#">Kid’s Wear Sub Title 3</a></li>
													<li><a href="#">Kid’s Wear Sub Title 4</a></li>
													<li><a href="#">Kid’s Wear Sub Title 5</a></li>
												</ul>
											</li>
											<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="flaticon-technology"></i>Mobile<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Mobile Sub Title 1</a></li>
													<li><a href="#">Mobile Sub Title 2</a></li>
													<li><a href="#">Mobile Sub Title 3</a></li>
													<li><a href="#">Mobile Sub Title 4</a></li>
													<li><a href="#">Mobile Sub Title 5</a></li>
												</ul>
											</li>
										</ul>
									</div>
								</div> 
								<div class="col-lg-9 col-md-9 col-sm-8">
									<div class="main-menu-area">
										<nav>
											<ul>
												<li><a href="#">Home</a>
													<ul>
														<li><a href="index.html">Home 1</a></li>
														<li><a href="index2.html">Home 2</a></li>
														<li><a href="index3.html">Home 3</a></li>
														<li><a href="index4.html">Home 4</a></li>
													</ul>	
												</li>
												<li><a href="about.html">About</a></li>
												<li><a href="#">Blog</a>
													<ul>
														<li><a href="blog.html">Blog</a></li>
														<li><a href="single-blog.html">Single Blog</a></li>
													</ul>	
												</li>
												<li class="active"><a href="#">Pages</a>
													<ul class="mega-menu-area">
														<li>
															<a href="index.html">Home 1</a>
															<a href="index2.html">Home 2</a>
															<a href="index3.html">Home 3</a>
															<a href="index4.html">Home 4</a>
														</li>	
														<li>
															<a href="about.html">About Us</a>
															<a href="blog.html">Blog</a>
															<a href="single-blog.html">Single Blog 2</a>
															<a href="portfolio1.html">Portfolio 1</a>
														</li>	
														<li>
															<a href="portfolio2.html">Portfolio 2</a>
															<a href="wishlist.html">Wishlist</a>
															<a href="shop1.html">Shop 1</a>
															<a href="shop2.html">Shop 2</a>
														</li>
														<li>
															<a class="active" href="shop3.html">Shop 3</a>
															<a href="shop4.html">Shop 4</a>
															<a href="shop5.html">Shop 5</a>
															<a href="shop6.html">Shop 6</a>
														</li>
														<li>
															<a href="shop7.html">Shop 7</a>
															<a href="product-details1.html">Product Details 1</a>
															<a href="product-details2.html">Product Details 2</a>
															<a href="login-registration.html">Login Registration</a>
														</li>
														<li>
															<a href="cart.html">Cart</a>
															<a href="check-out.html">Check Out</a>
															<a href="404.html">404</a>
															<a href="contact.html">Contact</a>
														</li>	
													</ul>											
												</li> 
												<li><a href="contact.html">Contact</a></li>
											</ul>
										</nav>
									</div>
								</div> 								
							</div> 
						</div>
						<!-- Mobile Menu Area Start Here -->
						<div class="mobile-menu-area">
							<div class="container">
								<div class="row">
									<div class="col-md-12">
										<div class="mobile-menu">
											<nav id="dropdown">
												<ul>
													<li class="active"><a href="#">Home</a>
														<ul>
															<li><a href="index.html">Home 1</a></li>
															<li><a href="index2.html">Home 2</a></li>
															<li><a href="index3.html">Home 3</a></li>
															<li><a href="index4.html">Home 4</a></li>	
														</ul>	
													</li>
													<li><a href="about.html">About</a></li>
													<li><a href="#">Blog</a>
														<ul>
															<li><a href="blog.html">Blog</a></li>
															<li><a href="single-blog.html">Single Blog</a></li>
														</ul>	
													</li>
													<li><a href="#">Portfolio</a>
														<ul>
															<li><a href="portfolio1.html">Portfolio 1</a></li>
															<li><a href="portfolio2.html">Portfolio 2</a></li>
														</ul>	
													</li>
													<li><a href="#">Shop</a>
														<ul>
															<li><a href="shop1.html">Shop 1</a></li>
															<li><a href="shop2.html">Shop 2</a></li>
															<li><a href="shop3.html">Shop 3</a></li>
															<li><a href="shop4.html">Shop 4</a></li>
															<li><a href="shop5.html">Shop 5</a></li>
															<li><a href="shop6.html">Shop 6</a></li>
															<li><a href="shop7.html">Shop 7</a></li>
															<li><a href="product-details1.html">Shop Details 1</a></li>
															<li><a href="product-details2.html">Shop Details 2</a></li>
														</ul>	
													</li>
													<li><a href="#">Pages</a>
														<ul>
															<li><a href="login-registration.html">Login Registration</a></li>
															<li><a href="cart.html">Cart</a></li>
															<li><a href="wishlist.html">Wishlist</a></li>
															<li><a href="check-out.html">Check Out</a></li>
															<li><a href="404.html">404</a></li>	
														</ul>											
													</li> 
													<li><a href="contact.html">Contact</a></li>
												</ul>
											</nav>
										</div>          
									</div>
								</div>
							</div>
						</div>
						<!-- Mobile Menu Area End Here -->
					</div>
				</div>
	        </header>
	        <!-- Header Area End Here -->
	        <!-- Inner Page Banner Area Start Here -->
			<div class="inner-page-banner-area">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<div class="pagination-area">
								<h2>Electornics</h2>
								<ul>
									<li><a href="#">Home</a> /</li>
									<li><a href="#">Category</a> /</li>									
									<li>Electornics</li>
								</ul>
							</div>
						</div>
					</div>
				</div>  
			</div> 
			<!-- Inner Page Banner Area End Here -->	
			<!-- Shop Page Area Start Here -->
			<div class="shop-page-area">
				<div class="container">
					<div class="row">	
						<div class="col-lg-3 col-md-3">
							<div class="sidebar hidden-after-desk">
								<h2 class="title-sidebar">SHOP CATEGORIES</h2>							
								<div class="category-menu-area sidebar-section-margin" id="category-menu-area">
									<ul>
										<li><a href="shop1.html"><i class="flaticon-dress-1"></i>Women<span><i class="flaticon-next"></i></span></a>
											<ul class="dropdown-menu">
												<li><a href="#">Women Sub Title 1</a></li>
												<li><a href="#">Women Sub Title 2</a></li>
												<li><a href="#">Women Sub Title 3</a></li>
												<li><a href="#">Women Sub Title 4</a></li>
												<li><a href="#">Women Sub Title 5</a></li>
											</ul>
										</li>
										<li><a href="shop2.html"><i class="flaticon-polo"></i>Men<span><i class="flaticon-next"></i></span></a>
											<ul class="dropdown-menu">
												<li><a href="#">Men Sub Title 1</a></li>
												<li><a href="#">Men Sub Title 2</a></li>
												<li><a href="#">Men Sub Title 3</a></li>
												<li><a href="#">Men Sub Title 4</a></li>
												<li><a href="#">Men Sub Title 5</a></li>
											</ul>
										</li>
										<li><a href="shop3.html"><i class="flaticon-plug"></i>Electornics<span><i class="flaticon-next"></i></span></a>
											<ul class="dropdown-menu">
												<li><a href="#">Electornics Sub Title 1</a></li>
												<li><a href="#">Electornics Sub Title 2</a></li>
												<li><a href="#">Electornics Sub Title 3</a></li>
												<li><a href="#">Electornics Sub Title 4</a></li>
												<li><a href="#">Electornics Sub Title 5</a></li>
											</ul>
										</li>
										<li><a href="shop4.html"><i class="flaticon-necklace"></i>Jewellery<span><i class="flaticon-next"></i></span></a>
											<ul class="dropdown-menu">
												<li><a href="#">Jewellery Sub Title 1</a></li>
												<li><a href="#">Jewellery Sub Title 2</a></li>
												<li><a href="#">Jewellery Sub Title 3</a></li>
												<li><a href="#">Jewellery Sub Title 4</a></li>
												<li><a href="#">Jewellery Sub Title 5</a></li>
											</ul>
										</li>
										<li><a href="shop5.html"><i class="flaticon-screen"></i>Computer<span><i class="flaticon-next"></i></span></a>
											<ul class="dropdown-menu">
												<li><a href="#">Computer Sub Title 1</a></li>
												<li><a href="#">Computer Sub Title 2</a></li>
												<li><a href="#">Computer Sub Title 3</a></li>
												<li><a href="#">Computer Sub Title 4</a></li>
												<li><a href="#">Computer Sub Title 5</a></li>
											</ul>
										</li>
										<li><a href="shop6.html"><i class="flaticon-headphones"></i>Head Phone<span><i class="flaticon-next"></i></span></a>
											<ul class="dropdown-menu">
												<li><a href="#">Head Phone Sub Title 1</a></li>
												<li><a href="#">Head Phone Sub Title 2</a></li>
												<li><a href="#">Head Phone Sub Title 3</a></li>
												<li><a href="#">Head Phone Sub Title 4</a></li>
												<li><a href="#">Head Phone Sub Title 5</a></li>
											</ul>
										</li>
										<li><a href="shop1.html"><i class="flaticon-transport"></i>Toys<span><i class="flaticon-next"></i></span></a>
											<ul class="dropdown-menu">
												<li><a href="#">Toys Sub Title 1</a></li>
												<li><a href="#">Toys Sub Title 2</a></li>
												<li><a href="#">Toys Sub Title 3</a></li>
												<li><a href="#">Toys Sub Title 4</a></li>
												<li><a href="#">Toys Sub Title 5</a></li>
											</ul>
										</li>
										<li><a href="shop1.html"><i class="flaticon-fashion"></i>Shoes<span><i class="flaticon-next"></i></span></a>
											<ul class="dropdown-menu">
												<li><a href="#">Shoes Sub Title 1</a></li>
												<li><a href="#">Shoes Sub Title 2</a></li>
												<li><a href="#">Shoes Sub Title 3</a></li>
												<li><a href="#">Shoes Sub Title 4</a></li>
												<li><a href="#">Shoes Sub Title 5</a></li>
											</ul>
										</li>
										<li><a href="shop1.html"><i class="flaticon-dress"></i>Kid’s Wear<span><i class="flaticon-next"></i></span></a>
											<ul class="dropdown-menu">
												<li><a href="#">Kid’s Wear Sub Title 1</a></li>
												<li><a href="#">Kid’s Wear Sub Title 2</a></li>
												<li><a href="#">Kid’s Wear Sub Title 3</a></li>
												<li><a href="#">Kid’s Wear Sub Title 4</a></li>
												<li><a href="#">Kid’s Wear Sub Title 5</a></li>
											</ul>
										</li>
										<li><a href="shop1.html"><i class="flaticon-technology"></i>Mobile<span><i class="flaticon-next"></i></span></a>
											<ul class="dropdown-menu">
												<li><a href="#">Mobile Sub Title 1</a></li>
												<li><a href="#">Mobile Sub Title 2</a></li>
												<li><a href="#">Mobile Sub Title 3</a></li>
												<li><a href="#">Mobile Sub Title 4</a></li>
												<li><a href="#">Mobile Sub Title 5</a></li>
											</ul>
										</li>
									</ul>
								</div>								
								<h2 class="title-sidebar">BEST PRODUCTS</h2>
								<div class="best-products sidebar-section-margin">
									<div class="media">
										<a href="#" class="pull-left">
											<img alt="Media Object" src="img/sidebar/1.jpg" class="img-responsive">
										</a>
										<div class="media-body">
											<h3 class="media-heading"><a href="#">Product Title Here</a></h3>
											<p><span>$99</span>$85</p>
										</div>
									</div>
									<div class="media">
										<a href="#" class="pull-left">
											<img alt="Media Object" src="img/sidebar/2.jpg" class="img-responsive">
										</a>
										<div class="media-body">
											<h3 class="media-heading"><a href="#">Product Title Here</a></h3>
											<p><span>$99</span>$85</p>
										</div>
									</div>
									<div class="media">
										<a href="#" class="pull-left">
											<img alt="Media Object" src="img/sidebar/3.jpg" class="img-responsive">
										</a>
										<div class="media-body">
											<h3 class="media-heading"><a href="#">Product Title Here</a></h3>
											<p>$85</p>
										</div>
									</div>
									<div class="media">
										<a href="#" class="pull-left">
											<img alt="Media Object" src="img/sidebar/4.jpg" class="img-responsive">
										</a>
										<div class="media-body">
											<h3 class="media-heading"><a href="#">Product Title Here</a></h3>
											<p>$85</p>
										</div>
									</div>
								</div>
								<h2 class="title-sidebar">FILTER BY PRICE</h2>
								<div class="filter-by-price sidebar-section-margin">
									<span></span>
									<ul>
										<li>$80.00</li>
										<li>$50.00</li>
									</ul>
								</div>
								<h2 class="title-sidebar">Product Tags</h2>
								<div class="product-tags sidebar-section-margin">
									<ul>
										<li><a href="#">Fashion</a></li>
										<li><a href="#">Glamour</a></li>
										<li><a href="#">Shoes</a></li>
										<li><a href="#">Dress</a></li>
										<li><a href="#">Kid’s</a></li>
										<li><a href="#">Accessories</a></li>
										<li><a href="#">Mobile</a></li>
									</ul>
								</div>
							</div>
						</div>										
						<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
							<div class="row">
								<div class="col-lg-6 col-md-6 col-sm-6 col-xs-8">
									<div class="inner-shop-top-left">
										<div class="dropdown">
											<button class="btn sorting-btn dropdown-toggle" type="button" data-toggle="dropdown">Default Sorting<span class="caret"></span>	
											</button>
											<ul class="dropdown-menu">
												<li><a href="#">Date</a></li>
												<li><a href="#">Best Sale</a></li>
												<li><a href="#">Rating</a></li>
											</ul>
										</div>
									</div>
								</div>
								<div class="col-lg-6 col-md-6 col-sm-6 col-xs-4">
									<div class="inner-shop-top-right">
										<ul>
											<li><a href="#gried-view" data-toggle="tab" aria-expanded="false"><i class="fa fa-th-large"></i></a></li>	
											<li class="active"><a href="#list-view" data-toggle="tab" aria-expanded="true"><i class="fa fa-list"></i></a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="row inner-section-space-top">	
								<!-- Tab panes -->
								<div class="tab-content">
									<div role="tabpanel" class="tab-pane clear products-container" id="gried-view">
										<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="product-box1">
												<ul class="product-social">
													<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
													<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
													<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
												</ul>
												<div class="product-img-holder">
													<a href="#"><img class="img-responsive" src="img/product/9.jpg" alt="product"></a>
												</div>
												<div class="product-content-holder">
													<h3><a href="#">Product Title Here</a></h3>
													<span>$25.00</span>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="product-box1">
												<ul class="product-social">
													<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
													<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
													<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
												</ul>
												<div class="product-img-holder">
													<div class="hot-sale">
														<span>Sale</span>
													</div>
													<a href="#"><img class="img-responsive" src="img/product/11.jpg" alt="product"></a>
												</div>
												<div class="product-content-holder">
													<h3><a href="#">Product Title Here</a></h3>
													<span>$64.00</span>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="product-box1">
												<ul class="product-social">
													<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
													<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
													<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
												</ul>
												<div class="product-img-holder">
													<a href="#"><img class="img-responsive" src="img/product/12.jpg" alt="product"></a>
												</div>
												<div class="product-content-holder">
													<h3><a href="#">Product Title Here</a></h3>
													<span><span>$35.00</span>$25.00</span>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="product-box1">
												<ul class="product-social">
													<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
													<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
													<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
												</ul>
												<div class="product-img-holder">													
													<a href="#"><img class="img-responsive" src="img/product/7.jpg" alt="product"></a>
												</div>
												<div class="product-content-holder">
													<h3><a href="#">Product Title Here</a></h3>
													<span><span>$35.00</span>$25.00</span>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="product-box1">
												<ul class="product-social">
													<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
													<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
													<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
												</ul>
												<div class="product-img-holder">
													<div class="hot-sale">
														<span>Sale</span>
													</div>
													<a href="#"><img class="img-responsive" src="img/product/1.jpg" alt="product"></a>
												</div>
												<div class="product-content-holder">
													<h3><a href="#">Product Title Here</a></h3>
													<span><span>$35.00</span>$25.00</span>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="product-box1">
												<ul class="product-social">
													<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
													<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
													<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
												</ul>
												<div class="product-img-holder">
													<a href="#"><img class="img-responsive" src="img/product/2.jpg" alt="product"></a>
												</div>
												<div class="product-content-holder">
													<h3><a href="#">Product Title Here</a></h3>
													<span><span>$35.00</span>$25.00</span>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="product-box1">
												<ul class="product-social">
													<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
													<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
													<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
												</ul>
												<div class="product-img-holder">
													<div class="hot-sale">
														<span>New</span>
													</div>
													<a href="#"><img class="img-responsive" src="img/product/3.jpg" alt="product"></a>
												</div>
												<div class="product-content-holder">
													<h3><a href="#">Product Title Here</a></h3>
													<span>$25.00</span>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="product-box1">
												<ul class="product-social">
													<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
													<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
													<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
												</ul>
												<div class="product-img-holder">
													<div class="hot-sale">
														<span>Hot</span>
													</div>
													<a href="#"><img class="img-responsive" src="img/product/4.jpg" alt="product"></a>
												</div>
												<div class="product-content-holder">
													<h3><a href="#">Product Title Here</a></h3>
													<span>$25.00</span>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="product-box1">
												<ul class="product-social">
													<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
													<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
													<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
												</ul>
												<div class="product-img-holder">
													<a href="#"><img class="img-responsive" src="img/product/5.jpg" alt="product"></a>
												</div>
												<div class="product-content-holder">
													<h3><a href="#">Product Title Here</a></h3>
													<span><span>$35.00</span>$25.00</span>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="product-box1">
												<ul class="product-social">
													<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
													<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
													<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
												</ul>
												<div class="product-img-holder">													
													<a href="#"><img class="img-responsive" src="img/product/6.jpg" alt="product"></a>
												</div>
												<div class="product-content-holder">
													<h3><a href="#">Product Title Here</a></h3>
													<span>$25.00</span>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="product-box1">
												<ul class="product-social">
													<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
													<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
													<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
												</ul>
												<div class="product-img-holder">
													<div class="hot-sale">
														<span>Sale</span>
													</div>
													<a href="#"><img class="img-responsive" src="img/product/7.jpg" alt="product"></a>
												</div>
												<div class="product-content-holder">
													<h3><a href="#">Product Title Here</a></h3>
													<span><span>$35.00</span>$25.00</span>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
											<div class="product-box1">
												<ul class="product-social">
													<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
													<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
													<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
												</ul>
												<div class="product-img-holder">
													<a href="#"><img class="img-responsive" src="img/product/8.jpg" alt="product"></a>
												</div>
												<div class="product-content-holder">
													<h3><a href="#">Product Title Here</a></h3>
													<span>$25.00</span>
												</div>
											</div>
										</div>
									</div>
									<!-- List Style -->
									<div role="tabpanel" class="tab-pane active clear products-container" id="list-view">
										<div class="col-lg-12 col-md-12 col-sm-4 col-xs-12">
											<div class="product-box2">
												<div class="media">
													<a class="pull-left" href="#">
														<img class="img-responsive" src="img/product/grid/1.jpg" alt="product"/>
													</a>
													<div class="media-body">
														<div class="product-box2-content">
															<h3><a href="#">Product Title Here</a></h3>
															<span>$59.00</span>
															<p>Bag mply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and .</p>
														</div> 
														<ul class="product-box2-cart">
															<li><a href="#">Add To Cart</a></li>
															<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
															<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
														</ul>
													</div>
												</div>
											</div>
										</div>
										<div class="col-lg-12 col-md-12 col-sm-4 col-xs-12">
											<div class="product-box2">
												<div class="media">
													<a class="pull-left" href="#">
														<img class="img-responsive" src="img/product/grid/2.jpg" alt="product"/>
													</a>
													<div class="media-body">
														<div class="product-box2-content">
															<h3><a href="#">Product Title Here</a></h3>
															<span>$59.00</span>
															<p>Bag mply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and .</p>
														</div> 
														<ul class="product-box2-cart">
															<li><a href="#">Add To Cart</a></li>
															<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
															<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
														</ul>
													</div>
												</div>
											</div>
										</div>
										<div class="col-lg-12 col-md-12 col-sm-4 col-xs-12">
											<div class="product-box2">
												<div class="media">
													<a class="pull-left" href="#">
														<img class="img-responsive" src="img/product/grid/3.jpg" alt="product"/>
													</a>
													<div class="media-body">
														<div class="product-box2-content">
															<h3><a href="#">Product Title Here</a></h3>
															<span>$59.00</span>
															<p>Bag mply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and .</p>
														</div> 
														<ul class="product-box2-cart">
															<li><a href="#">Add To Cart</a></li>
															<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
															<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
														</ul>
													</div>
												</div>
											</div>
										</div>
										<div class="col-lg-12 col-md-12 col-sm-4 col-xs-12">
											<div class="product-box2">
												<div class="media">
													<a class="pull-left" href="#">
														<img class="img-responsive" src="img/product/grid/4.jpg" alt="product"/>
													</a>
													<div class="media-body">
														<div class="product-box2-content">
															<h3><a href="#">Product Title Here</a></h3>
															<span>$59.00</span>
															<p>Bag mply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and .</p>
														</div> 
														<ul class="product-box2-cart">
															<li><a href="#">Add To Cart</a></li>
															<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
															<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
														</ul>
													</div>
												</div>
											</div>
										</div>
										<div class="col-lg-12 col-md-12 col-sm-4 col-xs-12">
											<div class="product-box2">
												<div class="media">
													<a class="pull-left" href="#">
														<img class="img-responsive" src="img/product/grid/5.jpg" alt="product"/>
													</a>
													<div class="media-body">
														<div class="product-box2-content">
															<h3><a href="#">Product Title Here</a></h3>
															<span>$59.00</span>
															<p>Bag mply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and .</p>
														</div> 
														<ul class="product-box2-cart">
															<li><a href="#">Add To Cart</a></li>
															<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
															<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								    <ul class="mypagination">
								        <li class="active"><a href="#">1</a></li>
								        <li><a href="#">2</a></li>
								        <li><a href="#">3</a></li>
								    </ul>
								</div>	
							</div>
						</div>				
					</div>
				</div>
			</div>
	        <!-- Shop Page Area End Here -->
			<!-- Footer Area Start Here -->
	        <footer>
				<div class="footer-area">
					<div class="footer-area-top">
						<div class="container">
							<div class="row">
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="footer-box">
										<h3>Information</h3>
										<ul class="info-list">
											<li><a href="about.html">About us</a></li>
											<li><a href="#">Customer Service</a></li>
											<li><a href="#">Manufacturers</a></li>
											<li><a href="#">Privacy policy</a></li>
											<li><a href="#">Terms & condition</a></li>
											<li><a href="blog.html">Blog</a></li>
										</ul>
									</div>
								</div>
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="footer-box">
										<h3>My Account</h3>
										<ul class="info-list">
											<li><a href="login-registration.html">My Account</a></li>
											<li><a href="login-registration.html">Login</a></li>
											<li><a href="wishlist.html">Order History</a></li>
											<li><a href="wishlist.html">Wish List</a></li>
											<li><a href="cart.html">View Cart</a></li>
											<li><a href="blog.html">Latest Post</a></li>
										</ul>
									</div>
								</div>
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="footer-box">
										<h3>Product Tag</h3>
										<ul class="tag-list">
											<li><a href="#">Winter</a></li>
											<li><a href="#">Fashion</a></li>
											<li><a href="#">Bag</a></li>
											<li><a href="#">Denime</a></li>
											<li><a href="#">Summer Style</a></li>
											<li><a href="#">Leather</a></li>
											<li><a href="#">Dress</a></li>
											<li><a href="#">Dress</a></li>
											<li><a href="#">Summer Style</a></li>
											<li><a href="#">Leather</a></li>
										</ul>
									</div>
								</div>
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="footer-box">
										<h3>Stay With Us</h3>
										<p>Tmply dummy text of the printing and typesetting industry nummy ever.</p>
										<ul class="footer-social">
											<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
										</ul>										
										<div class="newsletter-area">
											<h3>NewsLetter Sign Up!</h3>
											<div class="input-group stylish-input-group">
							                    <input type="text" class="form-control" placeholder="E-mail . . .">
							                    <span class="input-group-addon">
							                        <button type="submit">
							                            <i class="fa fa-chevron-right" aria-hidden="true"></i>
							                        </button>  
							                    </span>
							                </div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="footer-area-bottom">
						<div class="container">
							<div class="row">
								<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
									<p>© 2016 Metro All Rights <a href="http://www.bootstrapmb.com/">Reserved</a>. Designed by<a href="" target="_blank"> RadiusTheme</a></p>
								</div>
								<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
									<ul class="payment-method">
										<li><a href="#"><img src="img/payment-method1.jpg" alt="payment-method"></a></li>
										<li><a href="#"><img src="img/payment-method2.jpg" alt="payment-method"></a></li>
										<li><a href="#"><img src="img/payment-method3.jpg" alt="payment-method"></a></li>
										<li><a href="#"><img src="img/payment-method4.jpg" alt="payment-method"></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
	        </footer>
	        <!-- Footer Area End Here -->
		</div>
		<!-- Modal Dialog Box Start Here-->
		<div id="myModal" class="modal fade" role="dialog">
		  	<div class="modal-dialog">		 
				<div class="modal-body">
					<button type="button" class="close myclose" data-dismiss="modal">&times;</button>
					<div class="product-details1-area">
		        		<div class="product-details-info-area">
							<div class="row">
								<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
									<div class="inner-product-details-left">
										<div class="tab-content">
											<div id="related1" class="tab-pane fade active in">
												<a class="zoom ex1" href="#"><img class="img-responsive" src="img/product/product-details1.jpg" alt="single"></a>
											</div>
											<div id="related2" class="tab-pane fade">
												<a class="zoom ex1" href="#"><img class="img-responsive" src="img/product/product-details1.jpg" alt="single"></a>
											</div>	
											<div id="related3" class="tab-pane fade">
												<a class="zoom ex1" href="#"><img class="img-responsive" src="img/product/product-details1.jpg" alt="single"></a>
											</div>									
										</div>
										<ul>
											<li class="active"><a aria-expanded="false" data-toggle="tab" href="#related1"><img class="img-responsive" src="img/product/product-details4.jpg" alt="related1"></a>
											</li>
											<li><a aria-expanded="false" data-toggle="tab" href="#related2"><img class="img-responsive" src="img/product/product-details4.jpg" alt="related2"></a>
											</li>
											<li><a aria-expanded="false" data-toggle="tab" href="#related3"><img class="img-responsive" src="img/product/product-details4.jpg" alt="related3"></a>
											</li>											
										</ul>
									</div>
								</div>
								<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
									<div class="inner-product-details-right">
										<h3>Product Title Here</h3>
										<ul>
											<li><i aria-hidden="true" class="fa fa-star"></i></li>
											<li><i aria-hidden="true" class="fa fa-star"></i></li>
											<li><i aria-hidden="true" class="fa fa-star"></i></li>
											<li><i aria-hidden="true" class="fa fa-star"></i></li>		
											<li><i aria-hidden="true" class="fa fa-star"></i></li>
										</ul>										
										<p class="price">$59.00</p>
										<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tinc amet risus consectetur, non consectetur nisl finibus. Ut ac eros quis mi volutpat cursus vel non risus.</p>
										<div class="product-details-content">
											<p><span>SKU:</span> 0010</p>
											<p><span>Availability:</span> In stock</p>
											<p><span>Category:</span> Demo Products</p>	
										</div>
										<ul class="product-details-social">
											<li>Share:</li>
											<li><a href="#"><i aria-hidden="true" class="fa fa-facebook"></i></a></li>
											<li><a href="#"><i aria-hidden="true" class="fa fa-twitter"></i></a></li>
											<li><a href="#"><i aria-hidden="true" class="fa fa-linkedin"></i></a></li>
											<li><a href="#"><i aria-hidden="true" class="fa fa-pinterest"></i></a></li>
										</ul>										
										<ul class="inner-product-details-cart">
											<li><a href="#">Add To Cart</a></li>
											<li>
												<div class="input-group quantity-holder" id="quantity-holder">
												    <input type="text" placeholder="1" value="1" class="form-control quantity-input" name="quantity">
												    <div class="input-group-btn-vertical">
													    <button type="button" class="btn btn-default quantity-plus"><i aria-hidden="true" class="fa fa-plus"></i></button>
													    <button type="button" class="btn btn-default quantity-minus"><i aria-hidden="true" class="fa fa-minus"></i></button>
												    </div>
												</div>
											</li>
											<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
										</ul>
									</div>
								</div>
							</div>							
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<a href="#" class="btn-services-shop-now" data-dismiss="modal">Close</a>
				</div>
		    </div>
		</div>
		<!-- Modal Dialog Box End Here-->
		<!-- Style Switch Start Here -->
		<link id="switch_style" href="#" rel="stylesheet" type="text/css">
		<div class="style-switch left" id="switch-style">
			<a id="toggle-switcher" class="switch-button" title="Change Styles">
				<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
			</a>
			<div class="switched-options">
				<div class="config-title">Style Switcher</div>      
				<ul class="list-unstyled styles">
					<li><a href="#" title="black" class="black color" id="black"></a></li>
					<li><a href="#" title="amber" class="amber color" id="amber"> </a></li>
					<li><a href="#" title="blue-grey" class="blue-grey color" id="blue-grey"> </a></li>
					<li><a href="#" title="blue" class="blue color" id="blue"> </a></li>
					<li><a href="#" title="cyan" class="cyan color" id="cyan"> </a></li>
					<li><a href="#" title="deep orange" class="deep-orange color" id="deep-orange"> </a></li>
					<li><a href="#" title="deep-purle" class="deep-purle color" id="deep-purle"> </a></li>
					<li><a href="#" title="green" class="green color" id="green"> </a></li>
					<li><a href="#" title="indigo" class="indigo color" id="indigo"> </a></li>
					<li><a href="#" title="light-blue" class="light-blue color" id="light-blue"> </a></li>
					<li><a href="#" title="light-green" class="light-green color" id="light-green"></a></li>
					<li><a href="#" title="lime" class="lime color" id="lime"></a></li>
					<li><a href="#" title="orange" class="orange color" id="orange"></a></li>
					<li><a href="#" title="palette" class="palette color" id="palette"></a></li>
					<li><a href="#" title="pink" class="pink color" id="pink"></a></li>
					<li><a href="#" title="purple" class="purple color" id="purple"></a></li>
					<li><a href="#" title="red" class="red color" id="red"></a></li>
					<li><a href="#" title="teal" class="teal color" id="teal"></a></li>
				</ul>
			</div>
		</div>
		<!-- Style Switch End Here -->
		<!-- Preloader Start Here -->
	    <div id="preloader"></div>
	    <!-- Preloader End Here -->
	    <!-- jquery-->	
        <script src="js/vendor/jquery-2.2.4.min.js" type="text/javascript"></script>
        
		<!-- Bootstrap js -->
        <script src="js/bootstrap.min.js" type="text/javascript"></script>

     	<!-- Owl Cauosel JS -->
		<script src="js/owl.carousel.min.js" type="text/javascript"></script>
		
		<!-- Meanmenu Js -->
		<script src="js/jquery.meanmenu.min.js" type="text/javascript"></script>

		<!-- WOW JS -->		
        <script src="js/wow.min.js" type="text/javascript"></script>

		<!-- Plugins js -->
        <script src="js/plugins.js" type="text/javascript"></script>

        <!-- Countdown js -->
        <script src="js/jquery.countdown.min.js" type="text/javascript"></script>

		<!-- Srollup js -->
		<script src="js/jquery.scrollUp.min.js" type="text/javascript"></script>

		<!-- Switch js -->
     	<script src="js/switch-style.js" type="text/javascript"></script> 
        
        <!-- Actual Js -->
        <script src="js/jquery.actual.min.js" type="text/javascript"></script>
        
        <!-- Custom Js -->
        <script src="js/main.js" type="text/javascript"></script> 
 
    </body>
</html>
